//.container-fluid#project(global ng-if="!vm.state.bid4free")

// tabindex is required for ng-keydown to work on a div/directive
#project(ng-keydown="vm.keyAction($event)", ng-keyup="vm.keyAction($event)")
	#project-viewport-container.row(tabindex="0", tdr-focus="true")
		viewermanager

	#projectUI
		panel#leftPanel(
		account="vm.account"
		project="vm.project"
		branch="vm.branch"
		revision="vm.revision"
		project-settings="vm.settings"
		position="left"
		tree-map="vm.treeMap"
		style="pointer-events:{{vm.pointerEvents}}"
		keys-down="vm.keysDown"
		selected-objects="vm.selectedObjects"
		set-initial-selected-objects="vm.setInitialSelectedObjects({selectedObjects: selectedObjects})")

		panel#rightPanel(
		account="vm.account"
		project="vm.project"
		branch="vm.branch"
		tree-map="vm.treeMap"
		revision="vm.revision"
		position="right"
		style="pointer-events:{{vm.pointerEvents}}")

		right-panel(style="pointer-events:{{vm.pointerEvents}}")
		bottom-buttons(style="pointer-events:{{vm.pointerEvents}}")
		qr-code-reader

multi-select(
account="vm.account"
project="vm.project"
keys-down="vm.keysDown"
send-event="vm.sendEvent(type, value)"
event="vm.event"
tree-map="vm.treeMap"
set-selected-objects="vm.setSelectedObjects(selectedObjects)"
initial-selected-objects="vm.initialSelectedObjects")
